<div class=" navbar navbar-default navbar-fixed-top" id="publicHeaderApp" th:fragment="publicHeader">
  <div class="container-fluid" >

    <div class="row">
      <div class="col-md-12 text-center" style="background-color: cornflowerblue; color: white">
        <a href="/" style="color: white"><h3>蜗牛书店</h3></a>
      </div>
    </div>

    <div class="row" style="margin-top: 10px">
      <div class="col-md-6">
        <!--图书类型列表-->
        <ol class="breadcrumb">
          <li v-for="booktype in bookTypeList">
            <a href="" v-text="booktype.name" @click.prevent="seeBooksOfType(booktype.id)" >IT</a>
          </li>
        </ol>
      </div>

      <div class="col-md-3">
        <form class="form-inline">
          <div class="form-group">
            <input type="text" name="searchName" class="form-control" id="search" placeholder="请输入搜索关键词">
          </div>
          <button type="submit" class="btn btn-default" >搜索</button>
        </form>
      </div>

      <div class="col-md-3">
        <a class="btn btn-default btn-sm" href="">登录</a>
        <a class="btn btn-default btn-sm" href="/register.html">注册</a>
        <a class="btn btn-default btn-sm" href="">我的购物车</a>
        <a class="btn btn-default btn-sm" href="">我的订单</a>
        <a class="btn btn-default btn-sm" href="">退出</a>
      </div>

    </div>

  </div>

</div>
